


        main .blog .side .sonLink .box .links a:hover{
            text-decoration: underline;
        }
        main .blog .side .sonLink .box .links a::before{
            content: '';
            position: absolute;
            width: 5px;
            height: 5px;
            border-radius: 50%;
            overflow: hidden;
            background: #B2B2B2;
            left: 0px;
            top: 50%;
            transform:translateY(-50%);
        }

        main .blog .side .sonLink .box:last-child{
            border-bottom-width: 0px;
        }
        main .blog .side .sonLink .box:last-child .links{
            margin-left: -6px;
            overflow: hidden;
        }
        main .blog .side .sonLink .box:last-child .links a{
            float: left;
            margin-left: 6px;
            border-radius: 3px;
            background: #e5e5e5;
            overflow: hidden;
            padding: 7px;
            font-size: 12px;
            margin-bottom: 10px;
            
        }
        main .blog .side .sonLink .box:last-child .links a:hover{
            color: #fff;
            background: #008486;
            text-decoration: none;
        }
        main .blog .side .sonLink .box:last-child .links a::before{
            display: none;
        }

       
        main .blog .content .list .item{
            margin-bottom: 3%;
            border-bottom: 1px solid #e5e5e5;
            padding-bottom: calc(3% + 10px);
            align-items: flex-start;
        }
        main .blog .content .list .item:last-child{
            padding-bottom: 0px;
            border-bottom-width: 0px;
        }
        main .blog .content .list .item .pic{
            width: 24%;
            border: 1px solid #f2f2f2;
        }
        main .blog .content .list .item .txt{
            width: 74%;
            margin-left: 2%;
        }
        main .blog .content .list .item .txt .ttl{
            font-size: 20px;
            display: block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            word-wrap: normal;
            margin-bottom: 5px;
            font-family: sans-serif;
            text-transform: uppercase;
            transition: ease .3s all;
        }
        main .blog .content .list .item .txt .ttl:hover{
            color: #008486;
        }
        main .blog .content .list .item .txt .date{
            position: relative;
            padding-left: 18px;
            margin-bottom: 15px;
            line-height: 16px;
        }
        main .blog .content .list .item .txt .date img{
            position: absolute;
            height: 12px;
            left: 0px;
            top: 50%;
            transform: translateY(-50%);
        }
        main .blog .content .list .item .txt .date span{
            font-style: italic;
            font-size: 12px;
            color: #808080;
        }
        main .blog .content .list .item .txt .t{
            font-size: 13px;
            line-height: 24px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            white-space: normal;
            word-break: break-all;
            color: #808080;
        }
        main .blog .content .list .item .txt .more{
            margin-top: 40px;
        }
        

        main .blogInfo{
            padding-top: 2%;
            padding-bottom: 3%;
        }
        main .blogInfo .content .blogTtl{
            font-size: 32px;
            margin-bottom: 30px;
            text-align: center;
            text-transform: uppercase;
        }
        main .blogInfo .content .t p{
            font-size: 16px;
            margin-bottom: 20px;
        }

        @media(max-width:767px){
            main .blogInfo .content .blogTtl{
                font-size: 24px;
            }
        }